new Vue({
    el:"#app",     //接管整个页面区域
    data:{
        userList:[],
        user:{},
        ids:[]
    },
    methods:{
        //  遍历操作当加载页面时就执行此方法(调用钩子函数)
        findAll(){
            /**
             * ☆向服务器发送异步请求,获取响应数据赋值给userList
             *   get(url?param=value);发送异步请求,url:请求的服务器路径
             *   then(function(rep){}) 请求成功执行的方法 ;回调函数:rep接收的时response对象
             *   catch():请求失败执行的方法
             *   finally():无论成功失败都执行的方法
             */

            /**
             * ①get方法请求
             */
            // let _this=this;
            // axios.get("/vueDemo/user/findAll").then(
            //     function (rep) {
            //         _this.userList=rep.data;
            //     }
            // ).catch(function (error) {
            //     alert("no"+error);
            // });


            /**
             * ②post方法请求
             */
            // axios.post("/vueDemo/user/findAll")
            //     .then(
            //         function (rep) {
            //             _this.userList=rep.data;
            //         }
            //     )
            //     .catch(function (error) {
            //         alert("no"+error)
            //     })

            /**
             * ③箭头函数
             */
            axios.get("/vueDemo/user/findAll")
                .then(
                    rep=>{
                        this.userList=rep.data;
                    }
                )
                .catch(
                    (error)=>{
                        alert("NO"+error)
                    }
                )
        },

        // 打开新增页面
        openSave(){
            this.user={};
            $("#myModal1").modal("show");
        },
        save(){
            // 发送post请求
            axios.post("/vueDemo/user/save","userStr="+JSON.stringify(this.user)).then(rep=>{
                this.findAll();
            });
        },


        //根据id删除操作
        deleteByIds(){
            //发送get请求
            axios.get("/vueDemo/user/deleteByIds?ids="+this.ids)
                .then(rep=>{
                    this.findAll()
                     //清空ids原有的数据
                        this.ids=[];
                }
            );



        },


        update(){




            axios.post("/vueDemo/user/update","userStr="+JSON.stringify(this.user)).then(rep=>{
                this.findAll();
            });
        },
        findById(id){
            $("#myModal").modal("show");
            var s = json.stringify(id);
            this.user.id=s;

        }
    },
    /*
    // * 钩子函数：当页面加载时，指定默认执行的方法
    // * */

    created(){
        this.findAll();
    }
});